<template>
  <el-dropdown>
    <!-- <img :src="avatar" size-40px rounded-sm cursor-pointer outline-none /> -->
    <SvgIcon
      icon-name="ep:avatar"
      custom-class="nav-avatar-iamge-size"
    ></SvgIcon>
    <template #dropdown>
      <el-dropdown-menu>
        <router-link to="/">
          <el-dropdown-item>首⻚</el-dropdown-item>
        </router-link>
        <router-link to="/profile/index">
          <el-dropdown-item>个人设置</el-dropdown-item>
        </router-link>
        <el-dropdown-item divided @click="logout">
          <span block>退出登录</span>
        </el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>
<script lang="ts" setup>
const logout = () => {
  console.log("退出登录");
};
</script>
<style lang="scss" scoped>
.nav-avatar-iamge-size {
  // width: 30px;
  // height: 30px;
  @apply size-30px rounded-sm cursor-pointer outline-none;
}
</style>
